<template>
  <div id="my-page">
    <el-pagination
      layout="prev, pager, next"
      :total="total"
      :page-size="pageSize"
      :current-page="showpage"
      @current-change="changePage">
    </el-pagination>
  </div>
</template>

<script>
  import {mapState,mapActions} from 'vuex'
  export default {
    name: "Pagenation",
    props: ['total','pageSize'],
    computed: {
      ...mapState('seats/',{
        showpage: state => state.showPage
      })
    },
    methods: {
      ...mapActions('seats',['changePageAC']),
      changePage(page) {
        this.changePageAC(page)
      }
    }
  }
</script>

<style scoped>

</style>